.detail {
    position: relative;
    width: 750rpx;
    height: 1504rpx;

    .detail-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .logo {
        position: absolute;
        width: 250rpx;
        top: 40rpx;
        left: 50%;
        transform: translateX(-50%);
    }

    .number {
        position: absolute;
        width: 60%;
        top: 220rpx;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        font-size: 50rpx;
        color: yellow;

        text {
            color: white;
        }
    }

    .notice {
        position: absolute;
        width: 686rpx;
        top: 330rpx;
        left: 50%;
        transform: translateX(-50%);
    }

    .progress {
        position: relative;
        width: 686rpx;
        top: 625rpx;
        left: 50%;
        transform: translateX(-50%);

        .progress-bg {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .btn {
            position: absolute;
            right: 30rpx;
            width: 314rpx;
            height: 126rpx;
        }

        image:nth-of-type(2) {
            top: 95rpx;
           
        }

        image:nth-of-type(3) {
            top: 225rpx;
           
        }

        image:nth-of-type(4) {
            top: 375rpx;
           
        }
       
    }

    .banner {
        position: absolute;
        width: 686rpx;
        top: 1185rpx;
        left: 50%;
        transform: translateX(-50%);
    }
}

.ban {
    pointer-events:none;
}
.noban {
    pointer-events: auto;
}